import React, { Component, FC } from 'react';
import styles from './rank.less';
import LeftSider from './sider/leftSider';

import { connect, RankModelState, ConnectProps } from 'umi';

interface PageProps extends ConnectProps {
  rank: RankModelState;
  dispatch: any;
}

const Rank: FC<PageProps> = (props: any) => {
  const { children } = props;
  return (
    <div>
      <div className={styles.rank}>
        <div className={styles.leftSider}>
          <LeftSider></LeftSider>
        </div>
        <div className={styles.content}>{children}</div>
      </div>
    </div>
  );
};

export default connect(({ rank }: { rank: RankModelState }) => ({ rank }))(
  Rank,
);
